<div class="alert alert-warning alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-warning</em>.
</div>
<div class="alert alert-success alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-success</em>.
</div>
<div class="alert alert-danger alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-danger</em>.
</div>
<div class="alert alert-info alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-info</em>.
</div>
<div class="alert alert-red alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-red</em>.
</div>
<div class="alert alert-cyan alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-cyan</em>.
</div>
<div class="alert alert-blue alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-blue</em>.
</div>
<div class="alert alert-green alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-green</em>.
</div>
<div class="alert alert-orange alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-orange</em>.
</div>
<div class="alert alert-amethyst alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-amethyst</em>.
</div>
<div class="alert alert-greensea alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-greensea</em>.
</div>
<div class="alert alert-hotpink alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-hotpink</em>.
</div>
<div class="alert alert-drank alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-drank</em>.
</div>
<div class="alert alert-dutch alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-dutch</em>.
</div>
<div class="alert alert-slategray alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    <strong>Heads up!</strong> This alert have <a href="#" class="alert-link">class</a> <em>.alert-slategray</em>.
</div>

<div class="notification">
    <h4>Normal Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification"</code>.</p>
</div>
<div class="notification notification-warning">
    <h4>Warning Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-warning"</code>.</p>
</div>
<div class="notification notification-success">
    <h4>Success Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-success"</code>.</p>
</div>
<div class="notification notification-danger">
    <h4>Danger Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-danger"</code>.</p>
</div>
<div class="notification notification-info">
    <h4>Info Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-info"</code>.</p>
</div>
<div class="notification notification-red">
    <h4>Red Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-red"</code>.</p>
</div>
<div class="notification notification-cyan">
    <h4>Cyan Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-cyan"</code>.</p>
</div>
<div class="notification notification-blue">
    <h4>Blue Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-blue"</code>.</p>
</div>
<div class="notification notification-green">
    <h4>Green Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-green"</code>.</p>
</div>
<div class="notification notification-orange">
    <h4>Orange Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-orange"</code>.</p>
</div>
<div class="notification notification-amethyst">
    <h4>Amethyst Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-amethyst"</code>.</p>
</div>
<div class="notification notification-greensea">
    <h4>Greensea Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-greensea"</code>.</p>
</div>
<div class="notification notification-hotpink">
    <h4>Hotpink Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-hotpink"</code>.</p>
</div>
<div class="notification notification-drank">
    <h4>Drank Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-drank"</code>.</p>
</div>
<div class="notification notification-dutch">
    <h4>Dutch Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-dutch"</code>.</p>
</div>
<div class="notification notification-slategray">
    <h4>Slategray Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-slategray"</code>.</p>
</div>
<div class="notification notification-redbrown">
    <h4>Redbrown Notification Field</h4>
    <p><a href="#">This notification</a>, have this classes <code>class="notification notification-redbrown"</code>.</p>
</div>